/*
 * @Author: your name
 * @Date: 2021-11-11 16:24:27
 * @LastEditTime: 2022-01-12 13:50:12
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \testHtmld:\SoftWareProject\mySoft\myVUETest\src\main.js
 */

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'
import localeCN from 'element-ui/lib/locale/lang/zh-CN'
import i18n from './i18n/i18n'
import CollapseTransition from 'element-ui/lib/transitions/collapse-transition'
import 'element-ui/lib/theme-chalk/display.css'
import 'element-ui/lib/theme-chalk/index.css'
import vueSwiper from 'vue-awesome-swiper'
import VueBus from 'vue-bus'
const echarts = require('echarts')
import Vant from 'vant';
import 'vant/lib/index.css';
import cytoscape from "cytoscape"; //制作节点图片

import VueClipboard from 'vue-clipboard2' //复制剪切板组件
Vue.use(VueClipboard)

import VueTippy, {
    TippyComponent
} from "vue-tippy";

Vue.use(VueTippy);
// or
Vue.use(VueTippy, {
    directive: "tippy", // => v-tippy
    flipDuration: 0,
    popperOptions: {
        modifiers: {
            preventOverflow: {
                enabled: false
            }
        }
    }
});

Vue.component("tippy", TippyComponent);


import moment from './assets/js/moment.js' //导入文件
Vue.prototype.$moment = moment.moment; //赋值使用

import VueLocalForage from 'vue-localforage'
Vue.use(VueLocalForage)

// import './assets/style/table.scss' /*引入公共表单样式*/
// import './assets/style/main.scss' /*引入公共样式*/
// import './assets/style/element.scss' /*引入公共自定义样式*/
// import './assets/style/animateCss.scss' /*引入公共动画样式*/
// import VueVirtualScroller from 'vue-virtual-scroller'

// import 'swiper/dist/css/swiper.css'
// import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
import ElBigdataTable from '../static/vue-elementui-bigdata-table.js'

import $ from 'jquery'
Vue.use($)
import 'jquery-ui-dist/jquery-ui'
import 'jquery-ui-dist/jquery-ui.css'

// 以下为bpmn工作流绘图工具的样式
import 'bpmn-js/dist/assets/diagram-js.css' // 左边工具栏以及编辑节点的样式
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'

// 右边工具栏样式
// import 'bpmn-js-properties-panel/dist/assets/bpmn-js-properties-panel.css'

import Mock from "mockjs";
import {
    axios
} from "./api/index.js"
Vue.prototype.$Mock = Mock; //赋值使用
// import BScroll from './components/tools/BScroll.vue'

// Vue.use(BScroll)
// Vue.component('BScroll', BScroll)
Vue.use(Vant);
Vue.use(ElBigdataTable)
    // Vue.use(VueVirtualScroller)
    // Vue.component('RecycleScroller', VueVirtualScroller.RecycleScroller)

Vue.use(vueSwiper)
Vue.config.productionTip = false

Vue.use(ElementUI, {
    locale
})
import Axios from 'axios'
Vue.prototype.cytoscape = cytoscape
Vue.prototype.$axios = axios;
Vue.prototype.$echarts = echarts
Vue.use(CollapseTransition)
Vue.use(VueBus) //中央控制总线
import vMediaQuery from 'v-media-query'
Vue.use(vMediaQuery) //媒体查询
Vue.directive('log', {
    bind: function(el, binding, vnode) {
        console.log('el-log', el)
    }
})
Vue.directive('color', {
    bind: function(el, binding, vnode) {
        if (binding.value) {
            el.style.color = binding.value
        } else {
            el.style.color = '#333'
        }
    }
})
new Vue({
    router,
    store,
    i18n,
    render: h => h(App)
}).$mount('#app')